<div class="content-body py-3 pe-3">
    <h3>File edit</h3>
    <p class="text-subtitle text-muted">
        You are now editing
        <strong>/{{activedFile.fileFolder}}{{activedFile.webPath}}</strong> file.
        Please be carefull.
    </p>

    <!-- Main content -->
    <section class="" ng-init="loadFile()">
        <form ng-if="activedFile" ng-class="{'submitted': submitted}" ng-submit="saveFile(activedFile)">
            <div class="row mb-3">
                <div class="col">
                    <div class="input-group">
                        <input id="path-modal-{{$index}}" value="/{{activedFile.fileFolder}}/" onclick="this.select()"
                            class="form-control" readonly="readonly" />
                        <input id="path-modal-{{$index}}" value="{{activedFile.webPath}}" onclick="this.select()"
                            class="form-control" readonly="readonly" />
                    </div>
                </div>
                <div class="col"></div>
                <div class="col-3">
                    <div class="btn-group w-100" role="group" aria-label="">
                        <a href="{{listUrl}}" class="btn btn-primary text-white mx-1">
                            <i class="fa fa-chevron-left"></i>
                            <span>Back</span>
                        </a>
                        <button type="button" class="btn btn-primary" ng-click="saveFile(activedFile)">
                            <i class="fa fa-save"></i>
                            <span>Save</span>
                        </button>
                    </div>
                </div>
            </div>
            <div class="row">
                <section class="col-lg-12">
                    <monaco-editor content="activedFile.content" ext="activedFile.extension"
                        update-content="updateTemplateContent(content)"></monaco-editor>
                </section>
            </div>
        </form>
    </section>
    <!-- /.content -->
</div>